  @use '@/styles/variables' as *;


  .promotionList {
    height: 40%;

    table {
      border-collapse: collapse;
      width: 100%;
    }

    th {
      height: 3vh;
      font-size: 2vh;
      padding: 0.4vh;
      width: 25%;
    }

    td {
      height: 3vh;
      font-size: 2vh;
      padding: 0.4vh;
      text-align: center;
    }

    table,
    th,
    td {
      border: $basic-border;
    }


    h4 {
      font-size: 2vh;
      padding-top: 0.5vh;
      text-align: center;
      font-weight: bold;
    }

    .positive {
      color: #38a169;
    }

    .negative {
      color: #e53e3e;
    }


    .box {
      display: flex;
      justify-content: end;
      margin-bottom: 7px;
    }

    .select {
      display: flex;
      justify-content: end;
      width: 20%;
      border-radius: 5px;
      background: #fff;
      cursor: pointer;
    }
  }